/* 
    Document   : style
    Created on : 14 mars 2013, 18:13:14
    Author     : Nicolas Girot
    Description:
       CSS for the EDD school, private property.
*/

html{

    
        background: -webkit-radial-gradient(white,#AEE1B0); /*#99CC9B Vert possible*/
        background: -moz-radial-gradient(white,#AEE1B0); 
        background: -ms-radial-gradient(white,#AEE1B0); 
        background: -o-radial-gradient(white,#AEE1B0); 
        background: radial-gradient(white,#AEE1B0);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='white', endColorstr='#AEE1B0' );
}
body{
        background-color : #e6e6e6;
        background: url('../pictures/main6.png');
        background-repeat: no-repeat;
        width: 1118px;
        margin: 40px auto;
        height: 600px;
 
}

*body{ /*Special body for the worst navigator : IE*/
         background-color : #f6fafb;
         background: url('../pictures/main6.png');
         background-repeat: no-repeat;
         width: 951px;
         margin: 40px auto;
         height: 510px;
         background-position-x: 200px;
         background-position-y: 30px;
}

img{
cursor : default;
}

#logo{
    
    background: url('../pictures/EDD_Logo.png');
    width: auto;
    height: auto;
}

ul.sdt_menu{
         margin-top:55px;;
         padding-top:58px;
         list-style: none;
         font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
         font-size:14px; /*taille police sous menu*/
         width:250px;
         margin-left: -30px !important;
         margin-left:235px; /*For Illogical IE */
        

}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
        cursor: pointer; /*For Illogical IE*/
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:55px;/*Espacement des cases menu*/
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:55px;/*Modification taille case lien menu*/
	z-index:12;
	-moz-box-shadow:0px 0px 0px #000 inset;
	-webkit-box-shadow:0px 0px 0px #000 inset;
	box-shadow:0px 0px 0px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:40px;
	height:40px;
	bottom:0px;
	left:180px;
	z-index:50;
	-moz-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
	box-shadow:0px 0px 0px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 0px #000 inset;
	-webkit-box-shadow:0px 0px 0px #000 inset;
	box-shadow:0px 0px 0px #000 inset;
        background-color: transparent;/*For Illogical IE*/
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
        text-shadow:1px 1px 1px #000;/*Enlever ou non le text-shadow?*/
}


ul.sdt_menu li span span.sdt_link{
	color:#A7A7A7 !important; /*Couleur possible sans le texte shadow #909090 */
        color: #b3b3b3; /*For Illogical IE*/
	font-size:18px;
	text-align: center;
	clear:both;
        
}

ul.sdt_menu li span span.sdt_link:hover{
    
        color : #48a33e !important;
        transition : color 0.25s;
    
}


ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:153px;
	overflow:hidden;
	height:114px;
	top:55px;
	margin-left:-20px;
	display:none;
	background:#71a856;
        border-radius: 5px;
        z-index: 200; /*Supériorité d'affichage du sous menu*/
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#FFFFFF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#48A33E;
        transition : color 0.25s;
}